﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script type="text/javascript" src="/JS/shop_cart.js"></script>

<div class="item" id="i1">
    <img src="/Upload/Clothes/1.jpg"/>
    <label class="title">T-Shirt 1</label>
    <label class="price">$ 20</label>
</div>
<div class="item" id="i2">
    <img src="/Upload/Clothes/2.jpg"/>
    <label class="title">T-Shirt 2</label>
    <label class="price">$ 24</label>
</div>
<div class="item" id="i3">
    <img src="/Upload/Clothes/3.jpg"/>
    <label class="title">T-Shirt 3</label>
    <label class="price">$ 18</label>
</div>
<div class="item" id="i4">
    <img src="/Upload/Clothes/4.jpg"/>
    <label class="title">T-Shirt 4</label>
    <label class="price">$ 30</label>
</div>
<div class="item" id="i5">
    <img src="/Upload/Clothes/5.jpg"/>
    <label class="title">T-Shirt 5</label>
    <label class="price">$ 28</label>
</div>
<div class="item" id="i6">
    <img src="/Upload/Clothes/6.jpg"/>
    <label class="title">T-Shirt 6</label>
    <label class="price">$ 26</label>
</div>
<div class="item" id="i7">
    <img src="/Upload/Clothes/7.jpg"/>
    <label class="title">T-Shirt 7</label>
    <label class="price">$ 35</label>
</div>
<div class="item" id="i8">
    <img src="/Upload/Clothes/8.jpg"/>
    <label class="title">T-Shirt 8</label>
    <label class="price">$ 33</label>
</div>
<div class="item" id="i9">
    <img src="/Upload/Clothes/9.jpg"/>
    <label class="title">T-Shirt 1</label>
    <label class="price">$ 12</label>
</div>
<div class="item" id="i10">
    <img src="/Upload/Clothes/10.jpg"/>
    <label class="title">T-Shirt 10</label>
    <label class="price">$ 22</label>
</div>
<div class="clear"></div>
</div>
<div id="cart_container">
<div id="cart_title">
    <span>Shopping Cart</span>
    <div class="clear"></div>
</div>
<div id="cart_toolbar">
    <div id="cart_items" class="back"></div>
</div>
<div id="navigate">
    <div id="nav_left">
        <a href="" id="btn_prev"><</a>
        <a href="" id="btn_next">></a>
        <a href="" id="btn_clear">Clear Cart</a>
    </div>
    <div id="nav_right">
        <span class="sptext">
            <label>Items </label><label class="count" id="citem">0</label>
        </span>
        <span class="sptext">
            <label>Price </label><label class="count" id="cprice">$ 0</label>
        </span>
    </div>
    <div class="clear"></div>
</div>

